/**
 * 跨级组件的实现步骤
 * 1、创建js文件，该文件中的内容如下
 * import React from 'react'
   const cxt=React.createContext()
   export default cxt
   2、在生成者一方,编写代码如下
   import MyContext from '@/utils/MyContext'
    <MyContext.Provider value={"App组件发送给后代组件的信息"}>
      //JSX的内容
    </MyContext.Provider>
   3、后代组件接收内容两种方式
   第1种方案
    <MyContext.Consumer>
        {
          arg=><div style={{width:'100px',height:'100px',background:'skyblue'}}>
              {arg}
          </div>
        }
     </MyContext.Consumer>
    第2种方案：适合类组件，不适合在函数组件种使用
   import MyContext from '@/utils/MyContext'
   GrndSonSon.contextType=MyContext
   使用:this.context

 */
import React, { Component } from 'react'
import Son from './views/Son'
import {Provider} from '@/utils/MyContext'

export default class App extends Component {
  render() {
    return (
      <Provider value={"App组件发送给后代组件的信息"}>
        <div style={{width:'500px',height:'500px',background:'red'}}>
          <Son></Son>
        </div>
      </Provider>
    )
  }
}
